﻿<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        td {
            vertical-align: middle;
        }
        p {
            display: inline;
        }
    </style>
    <meta charset="utf-8" />
    <title>图片</title>
    <!-- bootstrap css 左侧下拉有更多-->
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <!-- site css -->
    <link rel="stylesheet" href="../style.css" />
    <!-- responsive css 使边上的缩放-->
    <link rel="stylesheet" href="../css/responsive.css" />
    <script src="../js/ajax.js"></script>
    <script type="text/javascript" src="../js/jquery-2.2.3.min.js"></script>
    <script>
        $(document).ready(function () {

            //获取pro_id          
            var turl = decodeURI(window.location.href);
            var arr = turl.split('?');
            var params = arr[1].split('&'); 
            //定义一个空对象
            var obj = {};
            for (var i = 0; i < params.length; i++) {
                var param = params[i].split('='); 
                obj[param[0]] = param[1]; 
            }
            var pro_id = obj["pro_id"];
            $('#pro_id').val(pro_id);
            var a = $('#pro_id').val();


        //    //获取新增SKU的SKU_Id
        //    var sku_id_url = "http://localhost:50364/api/Admin/Inventory/GetSKU_Id";
        //    $.ajax({
        //        //几个参数需要注意一下
        //        type: "get",//方法类型
        //        dataType: "json",//预期服务器返回的数据类型
        //        url: sku_id_url,
        //        data: { "pro_id": a },
        //        success: function (data) {
        //           // alert(a*100+1);
        //            var sku_id = data["sku_id"];
        //            $('#sku_id').val(sku_id);
        //        },
        //        error: function () {
        //            alert("异常！");
        //        }
        //    });
        })

        function uploadFileAndParam() {
            var url = "http://localhost:50364/api/Admin/Inventory/AddSKU";
            $.ajax({
                //几个参数需要注意一下
                type: "post",//方法类型
                dataType: "json",//预期服务器返回的数据类型
                url: url,

                data: $('#myForm').serializeArray(),
                success: function (result) {
                    alert("添加SKU成功");
                },
                error: function () {
                    alert("异常！");
                }
            });

        }
       
        

    </script>
</head>
<body>
    <div class="full_container">
        <div class="inner_container">
            <!-- Sidebar 侧边栏 -->
            <nav id="sidebar">
                <div class="sidebar_blog_2">
                    <h4>商城管理后台</h4>
                    <ul class="list-unstyled components">
                        <li class="active">
                            <a href="#dashboard" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"><i class="fa fa-dashboard yellow_color"></i> <span>商品管理</span></a>
                            <ul class="collapse list-unstyled" id="dashboard">
                                <li>
                                    <a href="">> <span>商品管理</span></a>
                                </li>
                                <li>
                                    <a href="">> <span>产品统计</span></a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#element" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"><i class="fa fa-object-group blue2_color"></i> <span>交易管理</span></a>
                            <ul class="collapse list-unstyled" id="element">
                                <li><a href="order_list.html"> <span>订单列表</span></a></li>
                                <li><a href=""> <span>发货管理</span></a></li>

                            </ul>
                        </li>
                        <li><a href="widgets.html"><i class="fa fa-map purple_color2"></i> <span>优惠券管理</span></a></li>
                        <li><a href="widgets.html"><i class="fa fa-diamond orange_color"></i> <span>用户管理</span></a></li>
                        <!--<li>
                            <a href=""><i class="fa fa-clone yellow_color"></i> <span>退出（需不需要?)</span></a>
                        </li>-->
                    </ul>
                </div>
            </nav>
            <!-- end sidebar -->
            <!-- right content -->
            <div id="content">
                <!-- topbar 上边框 -->
                <div class="topbar">
                    <nav class="navbar navbar-expand-lg navbar-light">
                        <div class="full">
                            <button type="button" id="sidebarCollapse" class="sidebar_toggle"><i class="fa fa-bars"></i></button>

                            <div class="right_topbar">
                                <div class="icon_info">
                                    <ul>
                                        <li><a href="#"><i class="fa fa-bell-o"></i><span class="badge"></span></a></li>
                                        <li><a href="#"><i class="fa fa-sign-out"></i><span class="badge"></span></a></li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </nav>
                </div>
                <!-- end topbar -->
                <!-- dashboard inner -->
                <div class="midde_cont">
                    <div class="container-fluid">
                        <div class="row column_title">
                            <div class="col-md-12">
                                <div class="page_title">
                                    <h2>用户管理</h2>
                                </div>
                            </div>
                        </div>
                        <!-- row 中间填一些表格或者商品行-->
                        <div class="row column4 graph">
                            <div style="-webkit-box-flex: 0; flex: 0; max-width: 100%; margin-left: auto; margin-right: auto;">
                                <div class="dash_blog" style="width: 700px;">
                                    <!--<div class="dash_blog_inner">-->
                                    <div>
                                        <div class="dash_head">
                                            <h3><span><i class="fa fa-calendar"></i>添加SKU</span></h3>
                                        </div>
                                        <!--<div class="list_cont">
                                            <p style="font-size: 20px; line-height: 28px;">SKU_ID ：54365</p>
                                        </div>-->
                                        <div class="task_list_main">
                                            <form id="myForm" style="margin: 0 auto;">
                                                <ul class="task_list">
                                                    <!--pro_id-->
                                                    <li>
                                                        <p> Pro_ID ：</p><input type="text" name="pro_id" id="pro_id" readonly="readonly" />  <!--页面跳转传来的SKU_ID-->
                                                    </li>
                                                    <!--sku_id-->
                                                    <!--<li>
                                                        <p> SKU_ID ：</p><input type="text" name="sku_id" id="sku_id" readonly="readonly"/>-->  <!--页面跳转传来的SKU_ID-->
                                                    <!--</li>-->
                                                    <!--标签1-->
                                                    <li>
                                                        标签1 ：<input type="text" name="sku_label1" id="sku_label1" />
                                                    </li>
                                                    <!--标签2-->
                                                    <li>
                                                        标签2 ：
                                                        <input type="text" name="sku_label2" id="sku_label2" />
                                                    </li>

                                                    <!--库存-->
                                                    <li>
                                                        库存 ：
                                                        <input type="text" name="sku_stock" id="sku_stock" />
                                                    </li>
                                                    <!--成本-->
                                                    <li>
                                                        成本 ：
                                                        <input type="text" name="sku_cost" id="sku_cost" />
                                                    </li>
                                                    <!--参考价（原价）-->
                                                    <li>
                                                        参考价(原价) ：
                                                        <input type="text" name="sku_refprice" id="sku_refprice" />
                                                    </li>
                                                    <!--现价-->
                                                    <li>
                                                        现价 ：
                                                        <input type="text" name="sku_crtprice" id="sku_crtprice" />
                                                    </li>
                                                    <!--警告库存-->
                                                    <li>
                                                        警告库存 ：
                                                        <input type="text" name="sku_wrnstock" id="sku_wrnstock" />
                                                    </li>


                                                    <!--图片-->
                                                    <li>
                                                        <!--绑定选择图片的方法-->
                                                        图片 ：<input type="file" name="sku_pic" id="sku_pic" multiple="multiple" />
                                                        <!--上传图片展示-->
                                                        <div style="border:1px solid red;width:300px;height:250px"></div>
                                                    </li>

                                                    <!--条形码-->
                                                    <li>
                                                        <!--绑定选择图片的方法-->
                                                        条形码 ：<input type="file" name="sku_code" id="sku_code" multiple="multiple" />
                                                        <!--上传图片展示-->
                                                        <div style="border:1px solid black;width:300px;height:250px"></div>
                                                    </li>


                                                </ul>
                                            </form>
                                        </div>
                                        <div class="read_more">
                                            <!--<input type="button" value="button提交" onclick="uploadFileAndParam()" />-->
                                            <div class="center" value="button提交" onclick="uploadFileAndParam()"><a class="main_bt read_bt" href="#">添加</a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end row-->
                        </div>
                    <!-- footer -->
                    <!--<div class="container-fluid">
                       <div class="footer">
                          <p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                       </div>
                    </div>-->
                </div>
                <!-- end dashboard inner -->
            </div>
        </div>
    </div>
    <!-- jQuery -->
    <!--下拉小三角有更多-->
    <!--<script src="../js/jquery.min.js"></script>-->
    <!--<script src="js/popper.min.js"></script>-->
    <!--下拉小三角有更多-->
    <script src="../js/bootstrap.min.js"></script>
    <!-- wow animation 缩放之后左端更好看-->
    <script src="../js/animate.js"></script>
    <!-- select country -->
    <!--<script src="js/bootstrap-select.js"></script>-->
    <!-- owl carousel -->
    <!--<script src="js/owl.carousel.js"></script>-->
    <!-- chart js -->
    <!--<script src="js/Chart.min.js"></script>
    <script src="js/Chart.bundle.min.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/analyser.js"></script>-->
    <!-- nice scrollbar -->
    <!--<script src="js/perfect-scrollbar.min.js"></script>-->
    <!--<script>
        var ps = new PerfectScrollbar('#sidebar');
    </script>-->
    <!-- fancy box js -->
    <!--<script src="js/jquery-3.3.1.min.js"></script>-->
    <!--<script src="js/jquery.fancybox.min.js"></script>-->
    <!-- custom js 左侧缩小 -->
    <script src="../js/custom.js"></script>

    <!-- calendar file css -->
    <!--<script src="js/semantic.min.js"></script>-->
</body>
</html>
